{extend name='main'}

{block name='content'}

<style>

    .store-total-container {
        font-size: 14px;
        margin-bottom: 20px;
        letter-spacing: 1px;
    }

    .store-total-container .store-total-icon {
        top: 45%;
        right: 8%;
        font-size: 65px;
        position: absolute;
        color: rgba(255, 255, 255, 0.4);
    }

    .store-total-container .store-total-item {
        color: #fff;
        line-height: 4em;
        padding: 15px 25px;
        position: relative;
    }

    .store-total-container .store-total-item > div:nth-child(2) {
        font-size: 46px;
        line-height: 46px;
    }
    .store-total-container .store-total-item {
        color: #fff;
        line-height: 1em;
        padding: 15px 25px;
        position: relative;
    }

</style>

<div class="think-box-shadow store-total-container notselect">
    <div class="margin-bottom-15">兼职统计</div>
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm4 layui-col-md2">
            <div class="store-total-item nowrap" style="background:linear-gradient(-125deg,#57bdbf,#2f9de2)">
                <div>兼职总量</div>
                <div>{$total.total}</div>
                <div></div>
            </div>
            <i class="store-total-icon layui-icon layui-icon-template-1"></i>
        </div>
    </div>
</div>
<div class="think-box-shadow">
    <table class="layui-table margin-top-10" lay-skin="line">

        <thead>
        <tr>
          <th>兼职ID</th>
          <th>标题</th>
          <th>所属地区</th>
          <th>兼职类型</th>
          <th>所需人数</th>
          <th>报名人数</th>
          <th>薪资</th>
          <th>结算方式</th>
          <th>发布时间</th>
          <th>是否置顶</th>
          <th>是否推荐</th>
          <th>发布人</th>
          <th>联系电话</th>
        </tr>
        </thead>

         <tbody>
        {foreach $list as $key=>$vo}
        <tr >
        <td>{$vo.id}</td>
        <td>{$vo.title}</td>
        <td width="100px;">{$vo.province}&nbsp;{$vo.city}</td>
        <td>{$vo.cate.name|default='--'}</td>
        <td>{$vo.need_worker}</td>
        <td>{$vo.had_worker}</td>
        <td>{$vo.salary}{$vo.salary_unitCh}</td>
        <td>{$vo.settlement_typeCh}</td>
        <td>{$vo.add_time}</td>
        <td>{eq name='vo.is_top' value='0'}<span class="layui-badge">否</span>{else}<span class="layui-badge layui-bg-green">是</span>{/eq}</td>
        <td>{eq name='vo.is_recommend' value='0'}<span class="layui-badge">否</span>{else}<span class="layui-badge layui-bg-green">是</span>{/eq}</td>
        <td>{$vo.contacts}</td>
        <td> {$vo.mobile} </td>

        </tr>
        {/foreach}
        </tbody>
    </table>

   {empty name='list'}<span class="notdata">没有记录哦</span>{else}{$pagehtml|raw|default=''}{/empty}

</div>

<script>
  window.form.render();
  layui.use('laydate', function(){
    var laydate = layui.laydate;
    //常规用法
    laydate.render({
      elem: '#start'
    });
    laydate.render({
      elem: '#end'
    });
    
  });

  /*require(['ckeditor', 'angular'], function () {
     window.createEditor('[name="content"]', {height: 200});
     window.createEditor('[name="requirement"]', {height: 200});
     window.createEditor('[name="work_welfare"]', {height: 200});
   });*/
</script>
{/block}
